<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--快速生成一个测试文本 
         lorem+tab   lorem +数字+Tab
        -->

    <!-- 容器标签 -->
    <!-- 
        div
        换行显示
     -->
     <div>
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officia, voluptatibus!
     </div>
     <div>
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure, assumenda.
     </div>

<p>----------------------------------------------------</p>
     <!-- 
        span 
        一行显示
        不会有任何样式的改变,除非自己添加样式
     -->
<span>
    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae aut perferendis temporibus debitis nulla assumenda.
</span>
<span>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere commodi itaque, dicta quas eligendi architecto.
</span>
<!-- 
    a 超链接，跳转到其他的 url 地址
        href 跳转的url 地址 
        target 打开的位置 默认是当前页 _blank 新页面
        详细文档：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a#download
        双标签，一般来说都是可以嵌套其他内容
    -->
 <a href="https://www.baidu.com" target="_blank">去百度看一看</a>


    <!-- 打电话，了解即可 -->
    <!-- <a href="tel:18666275538">打电话</a> -->

</body>
</html>